<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "CustomTag",
  props: {
    color: {
      type: String,
      default: '#436BFF'
    }
  },

  data() {
    return {
      tagClass: {
        borderColor: this.color,
        color: this.color,
      }
    }
  }
})
</script>

<template>
<span :style="tagClass" class="default-tag">
  <slot></slot>
</span>
</template>

<style scoped>

.default-tag {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  border-width: 1px;
  border-radius: 2px;
  border-style: solid;
  padding: 0 5px 0 5px;
}

</style>
